<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>三维示例</title>
    <script src="libs/cts-sdk/@cts.mini.js"></script>
    <script src="libs/axios/axios.min.js"></script>
    <script src="libs/gui/dat.gui.min.js"></script>
    <script src="libs/echarts/echarts.min.js"></script>

    <style>
      * {
        margin: 0;
        padding: 0;
      }
      html,
      body,
      #viewer-container {
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      .label-info{
        position: absolute;
        top: 40px;
        width: 100%;
        color: white;
        font-size: 30px;
        text-align: center;
        text-shadow: black;
        pointer-events: none;
        display: flex;
        justify-content: center;
      }
      .btn{
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        padding: 5px 20px;
        border: white 1px solid;
        cursor: pointer;
        pointer-events: all;
        margin-right: 20px;
        background: rgba(39, 39, 39, 0.6);
      }

      .custom-popup {
        background: rgba(39, 39, 39, 0.6);
        border: 1px solid #cecece;
        border-radius: 4px;
        color: #fff;
      }
      .custom-popup::after {
        position: absolute;
        content: '';
        left: calc(50% - 3.5px);
        bottom: -15px;
        border-width: 7px;
        border-style: solid;
        border-color: rgba(39, 39, 39, 0.6) transparent transparent transparent;
      }
      .dc-hawkeye-map {
        left: unset !important;
        bottom: unset !important;
        top: 20px !important;
        right: 20px !important;
      }

      .plot-box{
        position: fixed;
        top:20px;
        left:80px;
        z-index: 1000;
        height: 50px;
        background: rgba(0,0,0,0.6);
        padding: 20px 10px 0 10px;
      }

      .plot-box ul li {
        display: inline-block;
      }
      .plot-box ul li button {
        width: 60px;
        height: 30px;
        background-color: rgba(32,160,255,.2);
        border: 1px solid #fff;
        color:#fff;
        cursor: pointer;

      }
    </style>
  </head>
  <body>
    <htmlTemp />
  </body>
</html>
